$(function(){
    	var i=0;//大总管
    	var timer = null;//控制轮播时间间隔的定时器
    	var length = $('#box .point i').length;
	var timerOut = null;//定时炸弹定时器，用来解决焦点快速移动的bug
    	timer = setInterval(run,1000);
//  	鼠标移入大图区域,让轮播停止
    	$('#box').hover(function(){
    		clearInterval(timer);
    	},function(){
//  		移出继续跑
    		timer = setInterval(run,1000);
    	})
    	$('#box .point i').mouseover(function(){
    		var This = this;
    		clearTimeout(timerOut);
//  		设置定时炸弹,防止快速移动崩溃
		timerOut = setTimeout(function(){
			//  		获得当前i的索引
    			var index = $(This).index();
//  			改变大总管中的值
			i = index;
//  			做焦点对齐
    			focus(index);
//  			让轮播图滑动到索引位置 stop()停止运动队列，只执行当前运动
			$('#box ul').stop().animate({left:-510*index},500);
		},200);
    	})
    	//	左右按钮点击控制轮播
	$('#box .right').click(function(){
		run();
	})
	$('#box .left').click(function(){
		
		i--;
		if(i<0){
			i=length-1;
			$('#box ul').css('left',-510*length);
		}
		console.log(i);
		focus(i);
		$('#box ul').stop().animate({left:-510*i},500);
	})
    	//run方法用来控制ulleft值移动的。即控制图片轮播的
    	function run(){
    		i++;
    		if(i>4){
    			i=1;
    			$('#box ul').css({left:0});
    		}
    		$('#box ul').stop().animate({left:-510*i},500);
    		focus(i);
    	}
//  	焦点对齐，让第index个有焦点
    	function focus(index){
    		if(index==length){
    			index = 0;
    		}
    		$('#box .point i').eq(index).addClass('active').siblings().removeClass('active');
    	}
  	

  	
  	
  	
  	
  	
  	
  	
    	
})